<!doctype html>
<!--[if IEMobile 7 ]> <html lang="zh-CN" class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html lang="zh-CN" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]> <html lang="zh-CN" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html lang="zh-CN" class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html lang="zh-CN" class="no-js"><!--<![endif]-->
<head>
	<title><%
		if(this['title']){
			print(this['title'] + ' - ' + config.app.name);
		}else{
			print(config.app.name);
		}
	%></title>
	<meta charset="utf-8">
	<%
		_.each(config.site.headers,function(item){
			print(item);
		})
	%>
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link rel="stylesheet" type="text/css" href="/stylesheets/common.css">
	<link rel="stylesheet" type="text/css" href="/assets/bootswatch/simplex/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="/assets/bootswatch/simplex/bootstrap-responsive.css">
	<link rel="stylesheet" type="text/css" href="/assets/bootswatch/simplex/bootswatch.css">
</head>
<body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
	<!-- Navbar ================================================== -->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="./"><%=config.app.name%></a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a onclick="" href="/about">About</a></li>
						<li><a href="/archive">Archive</a></li>
						<li><a href="/gallery">Gallery</a></li>
					</ul>
					<ul class="nav pull-right">
						<li>
							<form class="search-form">
								<input type="text" class="search-query" placeholder="Search">
							</form>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="container">
		<!-- Masthead ================================================== -->
		<div class="row" style="height:160px;">
			<div class="span6">
				<h1><%=config.app.name%></h1>
				<p class="lead"><%=config.app.description%></p>
			</div>
			<div class="span6">
			
			</div>
		</div>
		<!-- main ================================================== -->
		<div class="row">
			<!-- work ================================================== -->
			<div class="span9">
				<ul class="nav nav-tabs">
					<li class="active tab-title"><a href="#A" data-toggle="tab">All</a></li>
					<li class="tab-title"><a href="#B" data-toggle="tab"><span><i class="icon-heart"></i>Recommended</span></a></li>
					<li class="tab-title"><a href="#C" data-toggle="tab"><span><i class="icon-star"></i>Original</span></a></li>
				</ul>
				<div class="tabbable">
					<div class="tab-content">
						<div class="tab-pane active" id="A">
							<%if(this["category"]){%>
								<div class="sub-category">
									<h4 class="sub-category-title">Sub Category</h4>
									<div class="sub-category-box">
										<h2 class="category-title"><%='1'%></h2>
										<p class="category-tag">xxxxxxxxxxx</p>
									</div>
								</div>
							<%}%>
							<article class="article clearfix hentry">
								<header>
									<h2 class="article-title">
										<a href="" rel="bookmark" title="50 Modern and Minimal Sites">50 Modern and Minimal Sites</a>
									</h2>
									<p class="article-author">
										<span class="by">by <a href="" title="Posts by Speckyboy Editors" rel="author">bshy</a></span>
									</p>
									<p class="article-meta">
										<time datetime="2013-19-06">June 19, 2013</time>
										<span class="meta-right"><i class="icon-tag"></i><a href="" title="View all posts in Web Design" rel="category tag">Web Design</a>, <a href="" title="View all posts in Web Inspiration" rel="category tag">Web Inspiration</a></span></p>
								</header>
								<section class="article-content">
									<p>The definition of minimal design has never changed, and probably never will. It is truly a timeless technique. Having said that, minimal design does seem to have evolved ever so slightly over the last few… <a href="" class="readmore">阅读全文</a></p>
								</section>
							</article>
							<article class="article">2</article>
							<article class="article">3</article>
							<article class="article">4</article>
							<article class="article">5</article>
						</div>
						<div class="tab-pane" id="B">
							<p>Howdy, I'm in Section B.</p>
						</div>
						<div class="tab-pane" id="C">
							<p>What up girl, this is Section C.</p>
						</div>
					</div>
				</div>
			</div>
			<!-- sidebar bar ================================================== -->
			<div class="span3 sidebar" style="background-color:;">
				<h4>Top</h4>
				<div class="well">
					ddd
				</div>
				<h4>Category</h4>
				<div class="well">
					<ul class="nav nav-list">
						<!--<li class="nav-header">List header</li>-->
						<li class="active"><a href="#">Home</a></li>
						<li><a href="#">Library</a></li>
						<li><a href="#">Applications</a></li>
						<li class="nav-header">Another list header</li>
						<li><a href="#">Profile</a></li>
						<li><a href="#">Settings</a></li>
						<li class="divider"></li>
						<li><a href="#">Help</a></li>
					</ul>
				</div>
				<h4>Tag</h4>
				<div class="well">
					ddd
				</div>
				<h4>Language</h4>
				<div class="well">
					ddd
				</div>
			</div>
		</div>

	<!-- Footer ================================================== -->
		<hr>
		<footer id="footer">
			<p class="pull-right"><a href="#top">Back to top</a></p>
			<div class="links">
			<a href="http://news.bootswatch.com" onclick="">Blog</a>
			<a href="http://feeds.feedburner.com/bootswatch">RSS</a>
			<a href="https://twitter.com/thomashpark">Twitter</a>
			<a href="https://github.com/thomaspark/bootswatch/">GitHub</a>
			<a rel="tooltip" href="" title="Drag to your bookmarks bar">Bookmarklet</a>
			<a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a>
			<a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a>
			<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a>
			</div>
			Based on <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>.
			Copyright © 2013  bshy </p>
		</footer>
	
	</div><!-- /container -->

    <!-- Le javascript ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script charset="utf-8" id="seajsnode" src="/assets/seajs-2.0.0/sea.js"></script>
	<script type=text/javascript>
		seajs.config({
			base : location.protocol + "//" + location.host,
			charset: 'utf-8',
			debug : true,
			paths : {
				'ali-lib': 'http://static.alipayobjects.com/',
				'google-api' : 'http://ajax.googleapis.com/ajax/libs/'
			},
			alias: {
				'position': 'alipay/arale/position/1.0.0/position',
				'$' : 'google-api/jquery/1.9.1/jquery.min.js'
			},
			preload : [
				'$'
			]
		});
		seajs.use(['assets/bootswatch/bootstrap'],function(){
			var __tooltips = $('[rel=tooltip]');
			if(__tooltips){
				__tooltips.tooltip({
					'placement': 'bottom'
				});
			}

		});
	</script>
</body>
</html>